<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%	
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
	%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<%=basePath %>web/css/style.css" rel="stylesheet" type="text/css"/>
<link href="<%=basePath %>web/css/index.css" rel="stylesheet" type="text/css"/>
<script src="<%=basePath %>web/js/jQuery.js" type="text/javascript"></script>
<script src="<%=basePath %>web/js/format.js" type="text/javascript"></script>
<script type="text/javascript">
var default_type;
$(function(){
	getpro();
});

function getpro(){
	$.ajax({
		  url:'<%=basePath %>production/list',
		  type: 'post',
		  success:function(map){
			  $(".center_ul").empty();
				  default_type = map[0].id;
			  for (var i = 0; i < map.length; i++) {
				var content =
					'<li class="center_li">'
					+'<div class="cpzl_div" onclick="getInfo('+map[i].id+')">'
					+'<img src="'+map[i].imgurl+'" alt="" />'
					+'<p>'+map[i].name+'</p>'
					+'</div>'
					+'</li>';
					
				$(".center_ul").append(content);
			}
			  download();
			   getInfo(default_type); 
			   
		  }
	});
	
	
}



function getInfo(type){
	$.ajax({
		  url:'<%=basePath %>productioninfo/list',
		  type: 'post',
		  data:{
			 type:type 
		  },
		  success:function(list){
			  $(".out_box").empty();
			  for (var i = 0; i < list.length; i++) {
				  var content;
				    content = 
					  '<div class="inner_box">'
				+'<div class="center">'
				+'<a href="'+list[i].downloadurl+'"><img class="download_type_img" src="images/download_07.jpg" alt="" />'
				+'<p class="p1">'+list[i].system+'</p></a>'
				+'<div style="width:46%;float:left">'
				+'	<p class="p2" ><span>版本：</span>'+list[i].version+'</p>'
				+'		<p class="p2" ><span>软件大小：</span >'+list[i].size+'</p>'
				+'		<p class="p2"><span>语言：</span>'+list[i].language+'</p>'
				+'		<p class="p2" ><span>更新时间：</span >'+new Date(list[i].updatetime).format("yyyy-MM-dd")+'</p>'
				+'	</div>'
				+'	<div style="width:46%;float:left">'
				+'		<p class="p2"><span>更新说明：</span></p>'
				+'	     <p class="p2">'+list[i].updatedesc+'</p>'
				+'	</div>'
				+'	<div class="clear"></div>'
				+'	<a class="download_btn" href="'+list[i].downloadurl+'"><img src="images/download_18.jpg" alt="" /></a>'
				+'</div>'
				+'</div>';
				  
				  
				 
				  
			  $(".out_box").append(content);
			}
		  }
	});
}
</script>

<title>下载</title>
</head>
<body>
<!-- 头部区域_begin -->
<div class="container">
	<div class="header">
		<p class="pwysj_p" >配网云数据</p>
		<ul>
			<li><a href="<%=basePath %>web/home.jsp">首页</a></li>
			<li><a href="<%=basePath%>web/jjfa.jsp">解决方案</a></li>
			<li class="li_cur"><a href="<%=basePath %>web/download.jsp"  class="cur">下载</a></li>
			<li><a href="<%=basePath %>web/experience.jsp">体验</a></li>
			<li><a href="<%=basePath %>web/about.jsp">关于</a></li>
		</ul>
		<div class="right">
			<a href="<%=basePath %>user/login.jsp" class="login">登 录</a>
			<a href="<%=basePath %>user/register.jsp" class="regist">注 册</a>
		</div>
	</div>
</div>
<!-- 头部区域_end -->

<!-- 主体区域_begin -->
<hr />
	<!-- 产品种类_begin -->
	<div class="container">
		<h2 class="cpzl_title"><img src="images/pic10_hover.png" alt="" />产品分类</h2>
		<div class="download_cpzl">
			<!-- 左侧按钮_begin -->
			<div class="left">
				<img src="images/btn_left.png" alt="" />
			</div>
			<!-- 左侧按钮_end -->

			<!-- 中间产品种类_begin -->
			<div class="center">
				<ul class="center_ul">
					
				</ul>
			</div>
			<!-- 中间产品种类_end -->

			<!-- 右侧按钮_begin -->
			<div class="right">
				<img src="images/btn_right.png" alt="" />
			</div>
			<!-- 右侧按钮_end -->
		</div>
	</div>
	<!-- 产品种类_end -->

	<!-- 下载方式_begin -->
	<div class="container" style="margin-top:15px;">
		<h2 class="get_type"><img src="images/download_03.jpg" alt="" />选择下载</h2>
		<!-- 下载方式集合_begin -->
		<div class="out_box">
			<!-- 安卓_begin -->
			
			<!-- 安卓_end -->

			<!-- IOS_begin -->
			
			<!-- IOS_end -->

			<!-- PC_begin -->
			
			<!-- PC_end -->
			<div class="clear"></div>
		</div>
		<!-- 下载方式集合_end -->
	</div>
	<!-- 下载方式_end -->
<!-- 主体区域_end -->

<!-- 底部区域_begin -->
<%@ include file="/web/foot.jsp"%>
<!-- 底部区域_end -->
<script src="js/show_common.js" type="text/javascript"></script>
</body>
</html>
